import template from './template.html';
import './style.less';
import {componentProxy} from '@/components/proxy';

componentProxy('ui-button',{
    props: {
        type: {
            type: String,
            // primary	绿色, default	白色, warn	红色
            default: 'default'
        },
        //是否禁用
        disabled: {
            type: Boolean,
            default: false
        },
        //按钮是否镂空，背景色透明
        plain: {
            type: Boolean,
            default: false
        },

    },
    template,
    methods: {
        clicked() {
            this.$emit('tap');
        },
        //判断是不是镂空
        isPlain() {
            if(this.$props.plain){
                if(this.$props.type === 'primary' || this.$props.type === 'default' || this.$props.type === 'warn'){
                    return 'mp-button-plain-'+this.$props.type
                }
            }
        }
    }
})